<div class="hbox hbox-auto-xs hbox-auto-sm" style="" ng-controller="NewsCtrl">
    <div class="col">
        <div>
        <toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>

            <div class="file-list" infinite-scroll='scrollEvent()' infinite-scroll-disabled="isLoad" infinite-scroll-distance="0">
                <div class="publish-news panel panel-default  m-b-n-sm pos-rlt">
                    <form>
                        <textarea  id="content" class="form-control no-border" ng-model="content" rows="3" placeholder="{{'news.publishContentTips'|translate}}"></textarea>
                    </form>
                    <div ng-show="documents.length>0" class="panel-footer bg-light lter" >
                        <div class="file-item" ng-repeat="document in documents" >
                            <a  ng-click="documentsView(document.id)" >
                                        <span ng-show="document.mimeType=='file'" >
                                            <span  class="m-r-sm bg-primary document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='report'" >
                                            <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='preview'" >
                                            <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='openOffice'" >
                                            <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='video'" >
                                            <span  class="m-r-sm bg-dark document-icon" >{{document.suffix}}</span>
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                                        <span ng-show="document.mimeType=='image'" >
                                            <img ng-src="{{document.mimeType=='image' ? '/suite/plugins/servlet/loadSource/'+document.id+'?timestamp='+timestamp : ''}}" style="width: 38px;height: 38px;margin-right: 10px;" />
                                            <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                        </span>
                             </a>
                            <a  ng-click="cleanContent(document)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
                        </div>
                    </div>

                    <div class="panel-footer bg-light lter news-select-list" ng-show="userSelectShow">
                        <span class="list-icon">
                            <i class="icon-users" style="font-size: 18px;" tooltip-placement="top" tooltip="{{'news.messageRecipient'|translate}}" ></i>
                        </span>
                        <span class="select-item" ng-repeat="selectedUserAndGroup in selectedUserAndGroups" >
                                <a class="thumb-xs avatar">
                                    <img ng-show="selectedUserAndGroup.type=='user'" ng-src="/suite/plugins/servlet/getUserAvatar?user={{selectedUserAndGroup.id}}" >
                                    <img ng-show="selectedUserAndGroup.type=='group'" src="img/group.png" >
                                </a>
                                <span class="item-name">{{selectedUserAndGroup.name}}</span>
                                <a class="delete-btn" ng-click="cleanUser(selectedUserAndGroup)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
                            </span>
                        <span class="list-icon">
                            <a class="text-info" ng-click="selectUsers()" ><i class="glyphicon glyphicon-plus-sign" style="font-size: 26px;" ></i></a>
                        </span>
                        <span class="list-icon">
                            <a style="width: 30px;" ui-toggle-class class="m-xs pull-right" ng-click="is_lock_function()" ng-class="is_lock==1 ? 'active' : ''" >
                            <i class="fa fa-unlock text " style="font-size: 18px;" tooltip-placement="left" tooltip="{{'news.participantsCanBeAdded'|translate}}" > </i>
                            <i class="fa fa-lock text-active " style="font-size: 18px;" tooltip-placement="left" tooltip="{{'news.participantsCanNotBeAdded'|translate}}" > </i>
                        </a>
                        </span>
                    </div>
                    <div class="panel-footer bg-light lter" ng-show="processModelSelectShow">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="fa fa-sitemap"></i></span>
                            <select id="processModelInput" multiple="multiple">
                                <option ng-repeat="processModel in processModelList" value="{{processModel.id}}">
                                    {{processModel.name}}
                                </option>
                            </select>
                            <a class="input-group-addon" ng-click="cleanProcessModelSelect()" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
                        </div>

                    </div>
                    <div class="action panel-footer bg-light lter">
                        <div class="pull-right">
                            <span style="line-height: 30px;display: inline-block;vertical-align: middle;" >{{'news.visibleRange'|translate}} </span> <div class="btn-group dropdown m-r-sm" dropdown>
                            <button class="drop-btn btn btn-default btn-xs" dropdown-toggle>
                                <span ng-show="news_type=='notice'" translate="news.newsType.notice"></span>
                                <!--<span ng-show="news_type=='dynamic'" translate="news.newsType.dynamic"></span>-->
                                <span ng-show="news_type=='messages'" translate="news.newsType.messages"></span>&nbsp;&nbsp;&nbsp;<span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li><a href ng-click="set_news_type('notice')" ><i class="icon-globe"></i> &nbsp;{{'news.newsType.notice'|translate}}</a></li>
                                <!--<li><a href ng-click="set_news_type('dynamic')"><i class="icon-support"></i> {{'news.newsType.dynamic'|translate}}</a></li>-->
                                <li><a href ng-click="set_news_type('messages')"><i class="icon-bubble"></i> &nbsp;{{'news.newsType.messages'|translate}}</a></li>
                            </ul>
                        </div>
                            <label  class="checkbox-inline i-checks  btn-sm">
                                <input id="have_to_comment" type="checkbox" value="" /><i></i> {{'news.doYouNeedToReply'|translate}}
                            </label>
                            <button class="publish btn btn-info pull-right btn-sm" ng-click="publisherNews()" >{{'news.publish'|translate}}</button>
                        </div>
                        <ul class="nav nav-pills nav-sm news-tools">
                            <li >
                                <form id="attachUploadFile0Form" action="/suite/plugins/servlet/uploadDocument" method="post"
                                      enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
                                    <a href="javascript:;" class="a-i-upload" ><input id="attachUploadFile0" name="uploadDocumentFile"
                                                                                      type="file" flag="0"
                                                                                      onchange="angular.element(this).scope().selectedFile(this)"
                                                                                      style="width:206px;"   ><i class="icon-paper-clip"
                                                                                                                 style="line-height:20px;vertical-align: middle;font-size: 12px;"></i></a>
                                </form>
                            </li>
                            <li>
                                <form id="attachUploadImg0Form" action="/suite/plugins/servlet/uploadDocument" method="post"
                                      enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
                                    <a href="javascript:;" class="a-i-upload" ><input id="attachUploadImg0" name="uploadDocumentFile"
                                                                                      type="file" flag="0"
                                                                                      onchange="angular.element(this).scope().selectedFile(this)"
                                                                                      style="width:206px;" accept="image/*"><i class="fa fa-camera"
                                                                                                                               style="line-height:20px;vertical-align: middle;font-size: 12px;"></i></a>
                                </form>
                            </li>
                            <li>
                                <a href ng-click="selectUsers()"><i class="iconfont icon-at" style="line-height:20px;vertical-align: middle;font-size: 13px;"></i></a>
                            </li>
                            <li><a href ng-click="showprocessModelSelect()"><i class="fa fa-sitemap"
                                                                               style="line-height:20px;vertical-align: middle;font-size: 13px;"></i></a>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="news-tabs" >
                    <ul class="nav nav-tabs nav-sm pull-left">
                        <li ng-class="newsNavFilter('all')" ng-click="setFilterValue('all')" ><a href="">{{'news.newsTabs.all'|translate}}</a></li>
                        <li ng-class="newsNavFilter('notice')" ng-click="setFilterValue('notice')" ><a href="">{{'news.newsTabs.notice'|translate}}</a></li>
						<li ng-class="newsNavFilter('messages')" ng-click="setFilterValue('messages')" ><a href="">{{'news.newsTabs.messages'|translate}}</a></li>
                        <li ng-class="newsNavFilter('inComments')" ng-click="setFilterValue('inComments')"><a href="">{{'news.newsTabs.inComments'|translate}}
							<span ng-show="newsCount.inCommentsCount!=0"   >({{newsCount.inCommentsCount}})</span></a></li>
						<li ng-class="newsNavFilter('haveInComments')" ng-click="setFilterValue('haveInComments')" ><a href="">{{'news.newsTabs.haveInComments'|translate}}</a></li>
                        <li ng-class="newsNavFilter('favorite')" ng-click="setFilterValue('favorite')"><a href="">{{'news.newsTabs.favorite'|translate}}</a></li>
                        <li ng-class="newsNavFilter('myPublish')" ng-click="setFilterValue('myPublish')"><a href="">{{'news.newsTabs.myPublish'|translate}}</a></li>
                    </ul>
                    <div class="pull-right search-input">
                        <div class="input-group">
                            <input type="text" id="searchNewsText" ng-model="searchNewsText" ng-keydown="searchNews($event)" class="form-control" placeholder="{{'news.searchNews'|translate}}">
                            <!--<a href class="search-btn nput-group-addon" ng-click="clickSearchNews()" >{{'common.search'|translate}}</a>-->
                        </div>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="news-list" >
                    <ul>
                        <li class="news" id="news{{news.id}}" ng-mouseenter="browseNews(news.id,news.my_is_browse_news,news.my_is_browse_new_comment)" ng-repeat="news in newss" >
                            <div>
                                <a href="#/app/userprofile/{{news.publisher}}" class="pull-left thumb-sm avatar m-l-n-md">
                                    <img src="/suite/plugins/servlet/getUserAvatar?user={{news.publisher}}" class="img-circle" alt="...">
                                </a>
                                <div class="m-l-lg">
                                    <div class="m-b-xs">
                                       <span style="word-break: break-all;" ng-class="contentCss(news.have_to_comment)" > <a href="#/app/userprofile/{{news.publisher}}" >{{news.publisher_firstname}}</a>

                                           <span ng-show="news.is_content_cut==true" ><span  ng-bind-html="news.content_cut" ></span>&nbsp;&nbsp;<a ng-click="showContentFull(news.row_index)" ><i class="fa fa-angle-double-down m-r-xs"  ></i>{{'news.fullText'|translate}}</a></span>
                                            <span ng-show="news.is_content_cut==false" ng-bind-html="news.content" ></span>&nbsp;&nbsp;<a ng-show="news.is_content_full==true" ng-click="hideContentFull(news.row_index)" ><i class="fa fa-angle-double-up m-r-xs"  ></i>{{'news.retract'|translate}}</a>
                                           &nbsp;<i class="fa fa-lock text" ng-show="news.is_lock==1"  ></i>&nbsp;
                                           <span ng-show="news.have_to_comment==1" class="text-warning" > ( <i class="fa fa-exclamation-triangle" ></i> {{'news.newsTabs.inComments'|translate}} )</span>
                                        <span style="display: block;color: #c3c3c3;margin-bottom: 15px;" ><i class="fa fa-clock-o text-muted"></i> {{news.publisher_datetime | fromNow}}&nbsp;&nbsp;<span ng-show="news.address!=null&&news.address!=''" >{{'news.publishedIn'|translate}}{{news.address}}</span>&nbsp;&nbsp;{{'news.update'|translate}} {{news.update_datetime | fromNow}}</span>
                                           <!-- <span class="text-muted m-l-sm pull-right">
                                              {{news.publisher_datetime | fromNow}}
                                            </span>-->
                                    </div>
                                    <div >
                                        <div class="m-t-xs" ng-show="news.attachments.length">

                                            <div class="img-list-view"  ng-repeat="attachment in news.attachments" ng-show="attachment.type=='image'" >
                                                <a ng-click="documentsView(attachment.id,news.attachments)">
                                                    <div style="
                                                        background-image: url(/suite/doc/{{attachment.id}});
                                                        width: 100%;
                                                        height: 100%;
                                                        background-position: center;
                                                        background-size: cover;"></div>
                                                </a>
                                            </div>
                                            <div class="file-item m-t-xs file-list-view" ng-repeat="attachment in news.attachments" ng-hide="attachment.type=='image'" >

                                                <a  ng-click="documentsView(attachment.id,news.attachments)" >
                                                    <span ng-show="attachment.type=='file'" >
                                                        <span  class="m-r-sm bg-primary document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='report'" >
                                                        <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='preview'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='openOffice'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                    <span ng-show="attachment.type=='video'" >
                                                        <span  class="m-r-sm bg-dark document-icon" >{{attachment.suffix}}</span>
                                                        <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                    </span>
                                                </a>
                                            </div>

                                        </div>
                                        <div class="m-t-xs processmodel-list-view"" ng-repeat="processmodel in news.processmodels" >
                                        <a ui-sref="app.processmodeldetail({processModelId:processmodel.id})"><i class="fa fa-sitemap "
                                                                                                               style="font-size:15px;line-height:15px;vertical-align: middle;"></i>
                                            <span style="line-height:12px;vertical-align: middle;"> <span  ng-bind-html="processmodel.name" ></span></span></a>
                                    </div>
                                    <div class="m-t-xs record-list-view" ng-repeat="record in news.records">
                                        <a ng-show="record.type=='process'" href="#/app/{{record.id}}" ><i class="iconfont icon-danganliebiao"
                                                                                                           style="font-size:15px;line-height:15px;vertical-align: middle;"></i><span
                                                style="line-height:12px;vertical-align: middle;"> <span  ng-bind-html="record.name" ></span> </span></a>
                                        <a ng-show="record.type=='custom'" href="#/app/records/{{record.id}}" ><i class="iconfont icon-danganliebiao"
                                                                                                                  style="font-size:15px;line-height:15px;vertical-align: middle;"></i><span
                                                style="line-height:12px;vertical-align: middle;"> <span  ng-bind-html="record.name" ></span> </span></a>
                                    </div>
                                    <div class="m-t-sm comment-tools"   >
                                        <a href ui-toggle-class class="m-xs" ng-click="setFavorite(news.id,news.favorite,news.row_index)" ng-class="isFavorite(news.favorite)" >
                                            <i class="fa fa-star text-warning text-active" > {{news.favorite_count}}</i>
                                            <i class="fa fa-star-o  text" style="color:#98a6ad;"  > {{news.favorite_count}}</i>

                                        </a>
                                        <a href class="text-muted m-xs" ng-show="news.participant_count==0" style="position: relative;">
                                            <i class="icon-users text-muted"> {{'news.allPeople'|translate}}</i>
                                        </a>
                                        <a href class="text-muted m-xs" ng-show="news.participant_count>0" id="participantsLink{{news.id}}" ng-mouseenter="showParticipants(news.id,news.row_index)" ng-mouseleave="hideParticipants(news.id)" style="position: relative;">
                                            <i class="icon-users text-muted"> {{news.participant_count}}</i>
                                        </a>

                                        <div class="participants" ng-mouseenter="showParticipantsPanel(news.id)" ng-mouseleave="hideParticipantsPanel(news.id)"  id="participantsPanel{{news.id}}" style="display: none;"  >
                                            <p>{{'news.participants'|translate}}</p>
                                            <div class="input-group m-b-sm" ng-show="news.is_lock==0||news.publisher==userInfo.userName" >
                                                <select id="addParticipants{{news.id}}" class="add-participants" multiple="multiple"></select>
                                                </select>
                                                <div class="input-group-btn" >
                                                    <button class="btn btn-success btn-sm " style="border-radius: 2px;margin-left: 4px;" type="button" ng-click="addParticipants(news.id,news.row_index)" >{{'common.add'|translate}}</button>
                                                </div>
                                            </div>

                                            <ul class="list-group alt">
                                                <li class="list-group-item" ng-repeat="participant in news.participants" >
                                                    <div class="media">
                                                        <span class="pull-left thumb-sm"><img src="/suite/plugins/servlet/getUserAvatar?user={{participant.participant_id}}" style="height:35px" class="img-circle"></span>
                                                        <div class="pull-right">
                                                            <i class="fa fa-eye  text-success" ng-show="participant.is_browse_news" style="display: block;line-height: 20px;" > {{'news.newsTabs.alreadyBrowse'|translate}}</i>
                                                            <span style="display: block;color: #c3c3c3;" ng-show="participant.browse_news_datetime!=''&&participant.browse_news_datetime!=null"  >&nbsp;&nbsp;{{participant.browse_news_datetime | fromNow}}</span>
                                                        </div>
                                                        <div class="media-body">
                                                            <div><a href="">{{participant.participant_firstname}}</a></div>
                                                            <small class="text-muted">{{participant.participant_position}}</small>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>


                                        <a href class="text-muted m-xs" ng-click="showComment({{news.id}})">
                                            <i class="icon-bubbles text-muted"> {{'common.comment'|translate}}</i>
                                        </a>
                                        <a href class="text-muted m-xs"  ng-click="deleteNews(news.id,news.row_index,'{{'common.areYouSureYouWantToDeleteIt'|translate}}')" ng-show="news.publisher==userInfo.userName " >
                                            <i class="icon-close text-muted"> {{'common.delete'|translate}}</i>
                                        </a>
                                    </div>
                                    <div id="comment{{news.id}}" style="display: none;" class="comment panel panel-default  m-b-n-sm pos-rlt m-t-xs "  >
                                        <form>
                                            <textarea id="commentText{{news.id}}" class="form-control no-border" rows="3" placeholder="请输入评论内容..."></textarea>
                                        </form>
                                        <div ng-show="commentAttachs[news.id].length>0" class="panel-footer bg-light lter " >
                                            <div class="file-item" ng-repeat="document in commentAttachs[news.id]" >
                                                <a  ng-click="documentsView(document.id,commentAttachs[news.id])" style="color: #000" >
                                                    <span ng-show="document.mimeType=='file'" >
                                                        <span  class="m-r-sm bg-primary document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='report'" >
                                                        <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='preview'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='openOffice'" >
                                                        <span  class="m-r-sm bg-danger document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='video'" >
                                                        <span  class="m-r-sm bg-dark document-icon" >{{document.suffix}}</span>
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                    <span ng-show="document.mimeType=='image'" >
                                                        <img ng-src="{{document.mimeType=='image' ? '/suite/plugins/servlet/loadSource/'+document.id+'?timestamp='+timestamp : ''}}" style="width: 38px;height: 38px;margin-right: 10px;" />
                                                        <span ng-bind-html="document.name | limitTo:100"></span>.{{document.suffix}} {{document.size}}
                                                    </span>
                                                </a>
                                                <a style="color: #000"  ng-click="cleanCommentContent(document,news.id)" >&nbsp;&nbsp;<i class="glyphicon glyphicon-remove"></i></a>
                                            </div>
                                        </div>

                                        <div class="comment panel-footer bg-light lter">
                                            <button class="btn btn-info pull-right btn-sm" ng-click="addComment(news.id,news.row_index)" >{{'news.comment'|translate}}</button>
                                            <ul class="nav nav-pills nav-sm news-tools">
                                                <li>
                                                    <form id="attachUploadImg{{news.id}}Form" action="/suite/plugins/servlet/uploadDocument" method="post"
                                                          enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
                                                        <a href="javascript:;" class="a-i-upload" ><input id="attachUploadImg{{news.id}}" newsId="{{news.id}}" name="uploadDocumentFile"
                                                                                                          type="file" flag="{{news.id}}"
                                                                                                          onchange="angular.element(this).scope().selectedFileByComment(this)"
                                                                                                          style="width:206px;"><i class="icon-paper-clip"
                                                                                                                                  style="line-height:16px;vertical-align: middle;"></i></a>
                                                    </form>
                                                </li>
                                                <li>
                                                    <form id="attachUploadFile{{news.id}}Form" action="/suite/plugins/servlet/uploadDocument" method="post"
                                                          enctype="multipart/form-data" target="ifm"><input type="hidden" name="folder" value="9">
                                                        <a href="javascript:;" class="a-i-upload" ><input id="attachUploadFile{{news.id}}" newsId="{{news.id}}" name="uploadDocumentFile"
                                                                                                          type="file" flag="{{news.id}}"
                                                                                                          onchange="angular.element(this).scope().selectedFileByComment(this)"
                                                                                                          style="width:206px;" accept="image/*" ><i class="fa fa-camera"
                                                                                                                                                    style="line-height:16px;vertical-align: middle;"></i></a>
                                                    </form>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div ng-show="news.comment_count>=1" class="comment-wrap m-t-sm">

                                        <div ng-repeat="comment in news.comments"  >
                                            <a href="#/app/userprofile/{{comment.publisher}}" class="pull-left thumb-xs avatar">
                                                <img src="/suite/plugins/servlet/getUserAvatar?user={{comment.publisher}}" alt="...">
                                            </a>
                                            <div class="content m-l-xxl b-a panel m-b-xs">
                                                <div style="word-break: break-all;"  class="panel-heading pos-rlt">
                                                          <span class="text-muted m-l-sm pull-right">
                                                            {{comment.publisher_datetime | fromNow}}
                                                          </span>
                                                    <a href="#/app/userprofile/{{comment.publisher}}" >{{comment.publisher_firstname}}</a>
                                                    <span  ng-bind-html="comment.content" ></span>
                                                    <div class="m-t-xs" ng-show="comment.attachments.length">
                                                        <div class="img-list-view"  ng-repeat="attachment in comment.attachments" ng-show="attachment.type=='image'" >
                                                            <a ng-click="documentsView(attachment.id,comment.attachments)">
                                                                <div style="
                                                        background-image: url(/suite/doc/{{attachment.id}});
                                                        width: 100%;
                                                        height: 100%;
                                                        background-position: center;
                                                        background-size: cover;"></div>
                                                            </a>
                                                        </div>
                                                        <div class="file-item m-t-xs file-list-view" ng-repeat="attachment in comment.attachments" ng-hide="attachment.type=='image'" >

                                                            <a  ng-click="documentsView(attachment.id,comment.attachments)" >
                                                                <span ng-show="attachment.type=='file'" >
                                                                    <span  class="m-r-sm bg-primary document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='report'" >
                                                                    <i class="text-warning fa fa-bar-chart-o m-r-sm" style="font-size: 30px;line-height: 10px;vertical-align: middle;" ></i>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='preview'" >
                                                                    <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='openOffice'" >
                                                                    <span  class="m-r-sm bg-danger document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                                <span ng-show="attachment.type=='video'" >
                                                                    <span  class="m-r-sm bg-dark document-icon" >{{attachment.suffix}}</span>
                                                                    <span ng-bind-html="attachment.name | limitTo:100"></span>.{{attachment.suffix}}
                                                                </span>
                                                            </a>
                                                        </div>

                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="m-b-sm m-l-xs" style="text-align: center;" ng-show="news.comment_count>3" ><a href ng-click="viewAllComments(news.id,news.row_index)" >
                                            <span style="line-height:18px;vertical-align: middle;" ng-show="news.is_show_comments!=1" ><i class="fa fa-angle-double-down m-r-xs" style="font-size:16px;line-height:18px;vertical-align: middle;"></i> {{'news.showAll'|translate}} {{news.comment_count}} {{'news.articleComments'|translate}} </span>
                                            <span style="line-height:18px;vertical-align: middle;" ng-show="news.is_show_comments==1" ><i class="fa fa-angle-double-up m-r-xs" style="font-size:16px;line-height:18px;vertical-align: middle;"></i> {{'news.hideComments'|translate}} </span>
                                        </a>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </li>
                        <li  class="no-news" ng-show="newss.length==0"  >
                            <div style="text-align: center;margin-top: 20px;" ><i class="iconfont  icon-meiyousoudaoxinxi" style="font-size: 23px;" ></i>
                                <span ng-show="filterValue=='all'" > &nbsp;{{'news.newsTabs.allNO'|translate}}</span>
                                <span ng-show="filterValue=='notice'" > &nbsp;{{'news.newsTabs.noticeNO'|translate}}</span>
								<span ng-show="filterValue=='messages'" > &nbsp;{{'news.newsTabs.messagesNO'|translate}}</span>
                                <span ng-show="filterValue=='inComments'" > &nbsp;{{'news.newsTabs.inCommentsNO'|translate}}</span>
								<span ng-show="filterValue=='haveInComments'" > &nbsp;{{'news.newsTabs.haveInCommentsNO'|translate}}</span>
                                <span ng-show="filterValue=='favorite'" > &nbsp;{{'news.newsTabs.favoriteNO'|translate}}</span>
                                <span ng-show="filterValue=='myPublish'" > &nbsp;{{'news.newsTabs.myPublishNO'|translate}}</span>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>


    </div>
    <div class="col w-lg slider-news">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="clearfix">
                    <a href="#/app/userprofile/{{userInfo.userName}}" class="pull-left b-3x m-r avatar">
                        <div class="image" style="background-image: url('/suite/plugins/servlet/getUserAvatar?user={{userInfo.userName}}')"></div>
                    </a>
                    <div class="clear">
                        <div class="h3 m-t-xs m-b-xs">
                            {{userInfo.firstName}}
                            <i class="fa fa-circle text-success pull-right text-xs m-t-sm"></i>
                        </div>
                        <small class="text-muted">{{userInfo.customField2}}</small>
                    </div>
                </div>
            </div>
            <div class="list-group no-radius alt">
                <a class="list-group-item" ng-click="setFilterValue('inComments')" >
                    <span class="badge bg-danger" ng-hide="newsCount.inCommentsCount==0" >{{newsCount.inCommentsCount}}</span>
                    <i class="icon-bubbles"> {{'news.inCommentsCount'|translate}}</i>

                </a>
                <a class="list-group-item" ui-sref="app.tasklist" href>
                    <span class="badge bg-warning" ng-hide="taskCount.statusall==0" >{{taskCount.statusall}}</span>
                    <i class="fa fa-tasks " > &nbsp;{{'aside.nav.tasks'|translate}}</i>
                </a>
                <a ui-sref="app.processlist" class="list-group-item" href>
                    <span class="badge bg-info" ng-hide="processCount.statusall==0" >{{processCount.statusall}}</span>
                    <i class="fa fa-eye"> {{'news.processingProcess'|translate}}</i>

                </a>
            </div>
        </div>
        <div class="records">
            <h5 class="font-bold">{{'aside.nav.records'|translate}}</h5>
            <div>
                <div ui-sref="app.process.list({fold:'-1'})"  ng-repeat="record in records">
                    <div ui-sref="{{record.type == 'process' ? 'app.processlist' : record.type=='user' ? 'app.userlist({selectGroupId:-1})' : record.type=='custom' ? 'app.recordslist({recordId:record.id})' : ''}}" >
                        <a  class="pull-left thumb thumb-wrapper m-r">
                            <img ng-src="/suite/doc/{{record.logo_id}}" style="width: 44px;height: 44px;">
                        </a>
                        <div class="clear">
                            <a  class="font-semibold text-ellipsis">{{record.name}}</a>
                            <div class="text-xs block m-t-xs font-semibold text-ellipsis">{{record.description}}</div>
                        </div>
                    </div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<input type="hidden" id="selectProcessModelText" value="{{'news.selectProcessModel'|translate}}" />
<input type="hidden" id="selectUserText" value="{{'news.selectUser'|translate}}" />
<script type="text/javascript">
    function formatState(state) {
        if (!state.id) {
            return state.name;
        }
        var text=""
        if(state.type=="user"){
            text='<span class="thumb-xs avatar" ><img  src="/suite/plugins/servlet/getUserAvatar?user='+state.id+'" />&nbsp;&nbsp;' + state.name + ' ( '+state.title+' ) </span>';
        }else{
            text='<span class="thumb-xs avatar" ><img  src="/suite/plugins/servlet/loadSource/3/group.png" />&nbsp;&nbsp;' + state.name + '</span>';
        }
        var $state = $(
                text
        );
        return $state;
    }
    ;
    function formatRepoSelection(repo) {
        return repo.name || repo.text;
    }
</script>
